<!--主控台变化按钮-->
<template>
    {{ d.num.toFixed(0) }}
</template>
<script setup>
import { reactive,watch } from "vue"
import gsap from "gsap"

//接收被调用者的值
const props = defineProps({
    value:{
        type:Number,
        default:0
    }
})

const d = reactive({
    num:0
})

function AnimateToValue(){
    gsap.to(d,{
        duration:0.5,
        num:props.value
    })
}

AnimateToValue()

//如果值变化了就重新执行一下方法
watch(()=>props.value,()=>AnimateToValue())

</script>
